<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//系统事件
			//1. load  页面的内容全部渲染完毕，才会执行 *****
			//2. scroll 监听滚动
			//3. resize  监听页面视窗的大小
			
			//4. jq  $(document).ready(function(){})
			//   DOM加载加载完毕，就可以执行
			
			//   DOMContentLoaded ***
			
			
			window.onresize=function(){
				let html=document.documentElement||document.body;
				console.log(html.clientWidth);
			}
			
			
		</script>
	</body>
</html>
